<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="static/js/font_1693746_l88lqiaavxa.js"></script>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/font_1693746_l88lqiaavxa.css">
  <title>开发助手高效版-网页版极致cms开发助手</title>
</head>
<body>
<div class="tool-container clearfix">
  <div class="menu">
    <span></span>
  </div>
  <div class="tool-nav" style="display: none;">
    <a href="index.html">导航菜单</a>
    <a href="site.html">站点信息</a>
    <a href="index-page.html">指定栏目</a>
    <a href="index-list.html">指定文章列表</a>
    <a href="index-product.html">指定商品列表</a>
    <a href="sort.html">当前栏目</a>
    <a href="banner.html">轮播图</a>
    <a href="article-list.html">文章列表</a>
    <a href="article-details.html">文章详情</a>
    <a href="productlist.html">产品列表</a>
    <a href="product.html">产品详情</a>
    <a href="pics.html">多图遍历</a>
    <a href="">分页</a>
    <a href="message.html">表单留言</a>
    <a href="search.html">搜索列表</a>
    <a href="if.html">IF判断</a>
    <a href="en.html">多语言建站</a> 
    <a href="select.html">多条件筛选</a>
    <a href="label.html">全局标签</a>
    <a href="user.html">会员登录注册</a>
    <a href="javascript:;">无刷新点赞</a>
    <a href="link.html">友情链接</a>
    <a href="other.html">其他</a>
  </div>
  <div class="tool-left">
    <div class="english">
      <a href="en.html"><svg class="icon" aria-hidden="true"><use xlink:href="#iconchina"></use></svg>CN <svg class="icon" aria-hidden="true"><use xlink:href="#iconmeiguo"></use></svg>EN</a>
    </div>
    <div class="logo-search container">
      <a href="site.html" class="logo">极致CMS开发助手</a>
      <a href="search.html" class="search">
        <span>请输入关键词</span>
        <span>搜索</span>
      </a>
      <a href="user.html" class="login">
        <span>登录/注册</span>
      </a>
    </div>
    <div class="header">
      <ul class="navbar clearfix">
        <li><a href="index.html">首页</a></li>
        <li><a href="productlist.html">产品列表</a></li>
        <li><a href="product.html">产品详情</a></li>
        <li><a href="article-list.html">文章列表</a></li>
        <li><a href="article-details.html">文章详情</a></li>
        <li><a href="page.html">单页</a></li>
        <li><a href="label.html">全局标签</a></li>
        <li><a href="other.html">其他</a></li>
      </ul>
    </div>
    <div class="banner">
      <a href="sort.html">
        <span>Img - Sort</span>
      </a>
    </div>

    <div class="product-box container clearfix">
      <div class="product-sort fl">
        <a href="#">
          <h4>当前栏目</h4>
          <ul>
            <li>下级分类1</li>
            <li>下级分类2</li>
            <li>下级分类3</li>
            <li>下级分类4</li>
            <li>下级分类5</li>
          </ul>
        </a>
        <a href="#">
          <h4>新闻中心(顶级)</h4>
          <ul>
            <li>新闻分类1</li>
            <li>新闻分类2</li>
            <li>新闻分类3</li>
            <li>新闻分类4</li>
            <li>新闻分类5</li>
          </ul>
        </a>
      </div>
      <div class="product-content fr">
        <div class="position clearfix"><a href="sort.html" class="fl">栏目名称</a><a href="sort.html" class="fr">当前位置：首页 > 产品中心</a></div>
        <div class="product-list">
          <a href="vnav.html" class="checkbox">
            <span class="all">公司新闻</span><span>行业新闻</span><span>媒体新闻</span>
          </a>
          <div class="news-recommend">
            <a href="article-details.html">
              <p>新闻列表的第一条内容 <span>2020-03-20</span></p>
              <p>新闻列表的第一条内容 <span>2020-03-20</span></p>
              <p>新闻列表的第一条内容 <span>2020-03-20</span></p>
              <p>新闻列表的第一条内容 <span>2020-03-20</span></p>
              <p>新闻列表的第一条内容 <span>2020-03-20</span></p>
              <p>新闻列表的第一条内容 <span>2020-03-20</span></p>
              <p>新闻列表的第一条内容 <span>2020-03-20</span></p>
              <p>新闻列表的第一条内容 <span>2020-03-20</span></p>
              <p>新闻列表的第一条内容 <span>2020-03-20</span></p>
              <p>新闻列表的第一条内容 <span>2020-03-20</span></p>
              <p>新闻列表的第一条内容 <span>2020-03-20</span></p>
            </a>
          </div>
          <div class="common-page">
            <a href="">
              <span>共3页</span>
              <span>页次：1/3页</span>
              <span>首页</span>
              <span>上一页</span>
              <span class="active">1</span>
              <span>2</span>
              <span>3</span>
              <span>下一页</span>
              <span>尾页</span>
              <span>转到</span>
              <span><select name="" id=""><option value="">1</option></select></span>
            </a>
          </div>
          <div class="news-recommend">
            <a href="index-list.html">
              <h3>新闻推荐</h3>
              <p>这是推荐的产品 <span>2020-03-20</span></p>
              <p>这是推荐的产品 <span>2020-03-20</span></p>
              <p>这是推荐的产品 <span>2020-03-20</span></p>
              <p>这是推荐的产品 <span>2020-03-20</span></p>
              <p>这是推荐的产品 <span>2020-03-20</span></p>
            </a>
          </div>
        </div>
      </div>
    </div>
    
    <a href="site.html" class="index-footer">
      <p><span>&copy;2020 极致CMS版权所有</span></p>
      <p><span>蜀ICP备2021016482号</span></p>
    </a>
  </div>
  
  <div class="tool-right">
    <div class="tool-code">
      <h2>极致CMS开发助手</h2>
      <div class="tool-code-box" id="tool-code1">



        <div class="code-box code-case">
          <h3>分页相关示例</h3>
          <div class="tab-hd">
            <span class="active">带li</span>
            <span>不带li</span>
            <span>多个loop分页不相互干扰</span>
            <span>ajax</span>
          </div>
          <div class="tab-bd">
<div class="textarea-box">
  <textarea name="" id="" rows="11">
{if($lists)}
    <li><a  href="{$listpage['home']}">首页</a></li>
    <li><a href="{$listpage['prev']}">上一页</a></li>
{foreach $listpage['list'] as $ss}
   <li><a href="{$ss['url']}" class="{if($ss['num']==$listpage['current_num'])}ona{/if}">{$ss['num']}</a></li>
{/foreach}
    <li><a href="{$listpage['next']}">下一页</a></li>
    <li><a href="{$listpage['last']}">末页</a></li>
{else}
未查询到任何数据！
{/if}</textarea><button onclick="copyTextarea()">COPY</button>
</div>
<div class="textarea-box" style="display: none;">
  <textarea name="" id="" rows="11">
{if($lists)}
    <a href="{$listpage['home']}">首页</a>
    <a href="{$listpage['prev']}">上一页</a>
{foreach $listpage['list'] as $ss}
    <a href="{$ss['url']}" class="{if($ss['num']==$listpage['current_num'])}ona{/if}">{$ss['num']}</a></li>
{/foreach}
    <a href="{$listpage['next']}">下一页</a>
    <a href="{$listpage['last']}">末页</a>
{else}
未查询到任何数据！
{/if}</textarea><button onclick="copyTextarea()">COPY</button>
</div>
<div class="textarea-box" style="display: none;">
  <textarea name="" id="" rows="10">
{loop table="article" tid="1" isall="1" jzpage="p" ispage="1" as="v"}
{/loop}

{loop table="article" tid="1" isall="1" jzpage="pp" ispage="1" as="v"}
{/loop}
</textarea><button onclick="copyTextarea()">COPY</button>
</div>
<div class="textarea-box" style="display: none;">
<textarea name="" id="" rows="10">
<script>
	var page = 1;
	function gopage() {
		page += 1;
		$.get('{$type['url']}', { page: page, ajax: 1, ajax_tpl: 1 }, function (r) {
			console.log(r);
			if (r == '') {
				alert('没有了~');
				$("#gopage").text('没有了');
			} else {
				$("#csys").append(r);
			}

		})

	}
</script>
</textarea><button onclick="copyTextarea()">COPY</button>
</div>
          </div>
          <div class="code-tips">
            <span>Tips</span>多个loop分页还没搞过，ajax_list_模板名.html
          </div>
      </div>

        <div class="code-box code-label">
          <h3>分页标签 <span>(点击即复制)</span></h3>
            <button onclick="copyText()"><span class="copy">{$v_pages}</span><span>默认分页样式</span></button>
            <button onclick="copyText()"><span class="copy">{$v_sum}</span><span>总条数</span></button>
            <button onclick="copyText()"><span class="copy">{$v_allpage}</span><span>总页数</span></button>
            <button onclick="copyText()"><span class="copy">{$v_listpage}</span><span>分页列表[数组]</span></button>
            <button onclick="copyText()"><span class="copy">{$v_listpage['list']}</span><span>页码数组</span></button>
            <button onclick="copyText()"><span class="copy">{$v_listpage['home']}</span><span>首页链接</span></button>
            <button onclick="copyText()"><span class="copy">{$v_listpage['last']}</span><span>尾页链接</span></button>
            <button onclick="copyText()"><span class="copy">{$v_listpage['prev']}</span><span>上一页链接</span></button>
            <button onclick="copyText()"><span class="copy">{$v_listpage['next']}</span><span>下一页链接</span></button>
            <button onclick="copyText()"><span class="copy">{$v_listpage['current']}</span><span>当前页链接</span></button>
            <button onclick="copyText()"><span class="copy">{$v_listpage['current_num']}</span><span>当前页页码</span></button>
            <button onclick="copyText()"><span class="copy">{$v_listpage['allpage']}</span><span>总页数</span></button>
            <button onclick="copyText()"><span class="copy">{$v_prevpage}</span><span>分页前一条链接</span></button>
            <button onclick="copyText()"><span class="copy">{$v_nextpage}</span><span>分页后一条链接</span></button>
          <input type="text" id="input" value="12345" style="opacity: 0;">
                    <div class="code-tips">
            <span>Tips</span>循环,列表开始,中间调用,列表结束
          </div>
        </div>

    </div>
  </div>
</div>
<script src="static/js/jquery-1.10.2.js"></script>
<script src="static/js/base.js"></script>
</div></body>
</html>